<template>
  <div class="p5">
<!--    v-lazyImg="item.picture"-->
    <img v-lazy="imgUrl" alt=""
         :style="`width:${width}px`">
    <div style="text-align: center;">{{ name }}</div>
  </div>
</template>


<script setup>
const props = defineProps({
  width: {
    default: 120,
  },
  imgUrl: {
    type: String,
  },
  name: {
    type: String
  }
})

</script>


<style scoped lang="scss">
img {
  border-radius: 10px;
}

</style>
